<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>持家有道网上超市</title>
<meta name="keywords" content="持家有道网上超市">
<meta name="description" content="持家有道网上超市">
<link rel="stylesheet" type="text/css" href="css/basic.min.css">
<link rel="stylesheet" type="text/css" href="css/qingfeng.css">

<script type="text/javascript" src="js/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>

<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="js/zoomset.js"></script>
<script type="text/javascript" src="js/basic.js"></script>
</head>

<body>
<% include partial/header %>

<!--content start--->
<div class="wrap clearfix" id="content">

   <div class="Navigation">
        <span class="pos-front">您当前的位置：</span>
        <span class="now">购物车</span>
    </div>




    <!--购物车-->
    <div id="main">
          <!-- 购物车开始 -->
          <div class="cart-title">
            <h1>
              <i class="icon">&lt;</i>购物车
            </h1>
          </div>
          <!-- 购物车空 -->
          <div class="cart-empty" style="display: none;">
              <q class="icon">=</q>
              <q class="empty-tip"><b>您的购物车里还没有商品</b>，您可以：<br>将收藏夹中的商品添加进来，或者去看看 <a href="./index.html">首页 »</a></q>
          </div>
            <!-- 购物车步骤图 -->
          <div id="cart_steps" class="steps" style="display: none;">
            <table width="100%">
              <tbody>
                <tr>
                  <td class="step-item step-1 active"><span><q class="icon">P</q><i>1</i>购物车</span></td>
                  <td class="icon step-arrow">(</td>
                  <td class="step-item step-2"><a href="javascript:;" data-role="toCart2"><q class="icon">P</q><i>2</i>填写和提交订单信息</a></td>
                  <td class="icon step-arrow">(</td>
                  <td class="step-item step-3"><span><q class="icon">P</q><i>3</i>成功提交订单</span></td>
                </tr>
              </tbody>
            </table>
          </div>
          <!-- 购物车主体 -->
          <div id="cart_container" class="cart-container" style="display: none;">
            		<div class="title"><h2>已选择的商品</h2></div>
                    <form>
                      <!-- 购物车内容 -->
                      <table id="cart_main" class="cart-main" width="100%">
                        <colgroup>
                          <col class="col-0" style="width:60px;">
                          <col class="col-1">
                          <col class="col-2">
                          <col class="col-3">
                          <col class="col-4">
                          <col class="col-5">
                          <col class="col-6">
                          <col class="col-7">
                          <col class="col-8">
                        </colgroup>
                        <thead>
                          <tr>
                            <th><input name="" type="checkbox" value="" class="CheckAll" checked="checked"/></th>
                            <th colspan="2">商品</th>
                            <th>销售价</th>
                            <th>数量</th>
                            <th>节省金额</th>
                            <th>积分</th>
                            <th>小计</th>
                            <th>操作</th>
                          </tr>
                        </thead>
                        <!-- 购物车条目 -->
                     <tbody class="cart-item" id="product_main_items_list"></tbody>
                    <!-- 订单赠品 -->
                    <tbody class="order-gift" id="order_gift" style="display:none;">
                    <tr class="cart-subtitle">
                      <th colspan="9">订单赠品</th>
                    </tr>
                    </tbody>

                    <tfoot>
                          <tr>

                    <td colspan="5">
                        <!-- 订单获得的优惠促销 -->
                          <div class="order-promotion" id="order_promotion">
                            <h3><a href="javascript:void(0);" class="btn-collapse action-toggle trigger-toggle" >-</a>订单优惠</h3>
                              <ul class="content" data-role="ddyh">
                                <!-- <li> -->
                                   <!-- <div style="margin-left:-30px;">
                                    <img src="img/sale_trade_jdb.jpg" width="780" height="80" border="0" usemap="#Map">
                                    <map name="Map" id="Map">
                                        <area shape="rect" coords="2,2,617,78" href="#" target="_blank">
                                        <area shape="rect" coords="621,13,761,64" href="#">
                                    </map>
                                   </div> -->
                                <!-- </li> -->
                          </ul>
                      </div>
                      <div class="order-promotion" id="order_song">
                        <h3><a href="javascript:void(0);" class="btn-collapse action-toggle trigger-toggle" >-</a>多级赠送</h3>
                          <div class="content" data-role="djzs">
                              <div class="djzs-item"></div>
                          </div>
                      </div>
                      <!-- 未享受到的优惠促销 -->
                      <div id="unused_promotion" class="unused-promotion">
                          <h3><a href="javascript:void(0);" class="btn-collapse action-toggle trigger-toggle">-</a><!--您还未享受到的优惠-->以下优惠活动正在进行中</h3>
                          <ul class="content" id="contentBox" style="border:1px solid #a9a9a9;height:40px;overflow:hidden">
                          </ul>
                          <div class="content_bottom">
                          	<div id="triggerOne" class="trigger">+</div>
                          </div>
                       </div>
                      </td>
                    <script type="text/javascript">
                    	var ulH = $('#contentBox').height();
                        document.getElementById("triggerOne").onclick = function(){
                            document.getElementById("contentBox").style.height == "auto" ? document.getElementById("contentBox").style.height = ulH+"px" : document.getElementById("contentBox").style.height = "auto";
                            document.getElementById("triggerOne").innerHTML == '+' ? document.getElementById("triggerOne").innerHTML = '-' : document.getElementById('triggerOne').innerHTML = '+';
                        }
                    </script>
                    <!-- 订单价格 -->
                    <td colspan="4" class="order-price" id="order_price">
                      <ul>
                        <li class="goods">
                          <span class="label"><em>商品金额：</em></span>
                          <span class="price"><b data-role="allMoney">¥0</b></span>
                        </li>
                        <li class="discount">
                          <span class="label"><em>节省金额：</em></span>
                          <span class="price"><b data-role="saveMoney">¥0.0</b></span>
                        </li>
                        <li class="total">
                          <span class="label"><i>(订单可得积分<span class="subtotal-integral">0</span>)</i> <em>总金额：</em></span>
                          <span class="price"><b data-role="totalMoney">¥0</b></span>
                        </li>
                      </ul>
                    </td>
                  </tr>
                  <tr>
                    <!-- 按钮 -->
                    <td colspan="5" class="cart-left">
                     <!-- <button type="button" class="btn btn-flat action-clean"><span><span>清空购物车</span></span></button>  -->
                      <input class="CheckAll" name="" type="checkbox" value="" checked="checked"/> 全选
                      <a href="javascript:void(0)" data-role="delMuti">删除选择的商品</a>

                    </td>
                    <td colspan="4" class="cart-right">
                      <a href="./" class="btn-link">继续购物</a>
                      <a href="javascript:;" data-role="toCart2" class="btn btn-import btn-huge action-settle" style="color: #fff;" rel="_request"><span><span>下单结算<q class="f-icon">►</q></span></span></a>        </td>
                  </tr>
                </tfoot>
              </table>
             </form>
          </div>
          <!--
            <div style="height:100px; width:1188px; margin:0 auto; margin-top:10px;">
                <a href="/article-promotions-639.html#zt" target="_blank">
                    <img src="http://static.chijiayd.com/public/img/20160215/car_banner.jpg" alt="回南天必杀技" />
                </a>
            </div>
         -->

          <!-- 浏览过的商品 -->
          <div id="view_history" class="view-history" style="display: none;">
            <div class="title">浏览过的商品<!--  <a href="javascript:void(0);" id="clear_history">清除</a> --></div>
            <div class="content">
              <ul class="history-list">
              </ul>
            </div>
          </div>

        </div>
    <!--购物车end-->

</div>
<!--content end-->

<% include partial/footer %>

<!-- 输入框提示 -->
<div id="xtips_container" class="xtips-container" style="opacity: 0; visibility: hidden; left: 0; top: 0;"><div class="xtips-content"><q class="icon">$</q><span id="xtips_txt">库存紧张，此商品最多只能购买0件</span></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div><div class="arrow arrow-bottom" style="left: 60px;"><i class="below">◆</i><i class="above">◆</i></div></div>

<div class="dialog-tips-container" style="display: none; z-index: 999999; left: 1173px; top: 315px;">
	<div class="dialog-tips-body"><div class="dialog-tips-content">
    	<span class="icon">$</span><p>确定将商品从购物车中移除吗？</p>
        <div class="bottom">
        	<button type="button" class="btn btn-caution btn-small action-confirm" ><span><span>确定</span></span></button>
            <button type="button" class="btn btn-simple btn-small action-cancel" ><span><span>取消</span></span></button>
        </div>
    </div></div>
    <div class="arrow arrow-bottom" style="left: 66px;"><i class="below">◆</i><i class="above">◆</i></div>
    <div class="arrow arrow-bottom" style="left: 66px;"><i class="below">◆</i><i class="above">◆</i></div>
 </div>
 <script type="text/javascript" src="./js/overlay.js"></script>
<script type="text/javascript" src="./js/common.js"></script>
<script type="text/javascript" src="./js/cart1.js"></script>
</body>
</html>
